/************************  
    FORMATTING GENERAL 
*************************/
body main .masthead {
  padding-top: 30px;
  padding-bottom: 30px; }
  body main .masthead .article .content-wrap {
    padding-top: 15px;
    padding-bottom: 15px; }
  body main .masthead .article .content-wrap:last-child {
    padding-bottom: 0; }
body main .masthead ~ .masthead {
  padding-top: 15px; }
body main .masthead.jumbo {
  padding-top: 0;
  padding-bottom: 0; }

/**********************  
    FORMATTING COLS 
***********************/
@media screen and (max-width: 767px) {
  .col-xs-12 ~ .col-xs-12 {
    margin-top: 30px; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  .col-sm-12 ~ .col-sm-12 {
    margin-top: 30px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .col-md-12 ~ .col-md-12 {
    margin-top: 30px; } }
@media screen and (min-width: 1200px) {
  .col-lg-12 ~ .col-lg-12 {
    margin-top: 30px; } }
/***********************  
    FORMATTING FONT 
************************/
body h1 {
  margin-top: 10px; }
body h2 {
  margin: 8px 0px 25px; }
body h3 {
  margin: 20px 0px 5px; }
body h4 {
  margin: 0; }
body p {
  margin-bottom: 22px; }

/***********************  
    FORMATTING HEADER 
************************/
body img {
  max-width: 100%; }
body header .logo img {
  padding: 0;
  max-height: 96px; }
body header .claim span {
  display: block; }

@media screen and (min-width: 768px) {
  body header .claim {
    margin-top: 36px; } }
@media screen and (min-width: 992px) {
  body header .claim {
    margin-top: 35px; }
    body header .claim span {
      margin-right: 30px; } }
/***********************  
    FORMATTING JUMBO 
************************/
body main .masthead.jumbo > .wrap {
  position: relative; }
  body main .masthead.jumbo > .wrap .red-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0px; }
    body main .masthead.jumbo > .wrap .red-bg .wrap {
      padding: 10px; }

@media only screen and (max-width: 767px) {
  body main .masthead.jumbo > .wrap .red-bg .wrap h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 26px; } }
/***********************  
    FORMATTING CARDS 
************************/
body main .masthead .article .content-wrap .card {
  padding: 30px 20px;
  display: table; }
  body main .masthead .article .content-wrap .card .card-mid {
    margin-bottom: 30px; }
    body main .masthead .article .content-wrap .card .card-mid p {
      margin-top: 10px; }
  body main .masthead .article .content-wrap .card .card-bot a:first-child {
    margin-right: 20px; }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  body main .masthead .article.main .row > div.col-md-6:nth-child(n+3) {
    margin-top: 30px; } }
@media only screen and (min-width: 1200px) {
  body main .masthead .article.main .row > div.col-lg-4:nth-child(n+4) {
    margin-top: 30px; } }
/***********************  
    FORMATTING FORM 
************************/
body main .masthead.form .background-wrap {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: -15px;
  margin-right: -15px; }
body main .masthead.form .header .form-intro {
  padding: 0px; }
  body main .masthead.form .header .form-intro > .wrap {
    padding: 5px 15px; }
body main .masthead.form .header .form-arrow {
  padding: 0px 15px; }
  body main .masthead.form .header .form-arrow .triangle {
    margin-top: 0; }
body main .masthead.form .article form label {
  display: inline-block;
  max-width: 90%; }
  body main .masthead.form .article form label:before {
    width: 24px;
    height: 24px;
    content: ''; }
body main .masthead.form .article form .fake-check {
  display: inline-block;
  height: 18px;
  left: 0;
  visibility: visible;
  width: 18px;
  z-index: 1;
  margin-left: -19px;
  vertical-align: top; }
  body main .masthead.form .article form .fake-check > i {
    z-index: 1; }
body main .masthead.form .article form .row.inner:first-child {
  margin-top: 15px; }
body main .masthead.form .article form .row.inner + .row.inner {
  margin-top: 30px; }
body main .masthead.form .article form .row.inner.last {
  padding-bottom: 30px; }
body main .masthead.form .article form .row.inner select {
  width: 100%;
  padding-left: 15px; }
body main .masthead.form .article form .row.inner #select_chosen {
  max-height: 40.33px; }
body main .masthead.form .article form .row.inner input[type="text"], body main .masthead.form .article form .row.inner input[type="email"] {
  max-height: 40.33px;
  width: 100%;
  padding: 11px 0px 6px 15px; }
body main .masthead.form .article form .row.inner .field-error {
  position: absolute;
  bottom: -22px;
  left: 31px;
  display: none; }
body main .masthead.form .article form .row.inner.catalogs .form-title span {
  font-weight: 800; }
body main .masthead.form .article form .row.inner.catalogs label {
  max-width: 89%; }
body main .masthead.form .article form .row.inner.catalogs .group-error {
  display: none;
  padding-left: 26px; }

@media only screen and (max-width: 767px) {
  body main .masthead .article form .row.inner > div.col-xs-6:nth-child(n+3) {
    margin-top: 30px; }
  body main .masthead .article form .row.inner .form-title {
    margin-bottom: 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  body main .masthead .article form .row.inner > div.col-sm-4:nth-child(n+4) {
    margin-top: 30px; }
  body main .masthead .article form .row.inner .form-title {
    margin-bottom: 15px; } }
@media only screen and (max-width: 991px) {
  body main .masthead .article form .submit-container {
    text-align: center;
    margin-top: 30px; } }
@media only screen and (min-width: 992px) {
  body main .masthead .article form .row.inner > div.col-lg-3:nth-child(n+5) {
    margin-top: 30px; }
  body main .masthead .article form .row.inner .form-title {
    margin-bottom: 15px; }
  body main .masthead .article form .submit-container {
    float: right;
    margin-top: 15px; } }
/****                  ****
***         FONTS       ***
 */
/****                  ****
***        COLORS       ***
 */
.cta-gradient, body main .cta, body main input[type="submit"], body main button[type="submit"] {
  background: -moz-linear-gradient(top, #0582A8 0%, #046785 100%);
  background: -webkit-linear-gradient(top, #0582A8 0%, #046785 100%);
  background: linear-gradient(to bottom, #0582A8 0%, #046785 100%); }

/*********************  
    TYPING GENERAL
**********************/
body {
  font-family: "Roboto Condensed", Arial;
  font-weight: 300;
  font-size: 15px;
  color: #606061; }
  body strong {
    font-weight: 400; }
  body h1, body h2, body h3, body h4, body h5, body p, body span {
    font-weight: 400; }
  body h1 {
    font-size: 30px;
    line-height: 36px; }
  body h2 {
    font-size: 24px;
    line-height: 28px; }
  body h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 400; }
  body h4 {
    font-size: 18px; }
  body p, body li {
    font-size: 17px;
    line-height: 22px;
    font-weight: 300; }

/*********************  
    TYPING HEADER 
**********************/
body header .claim {
  text-align: right; }
  body header .claim span {
    font-size: 16px;
    font-weight: 300;
    float: right; }
    body header .claim span sup {
      font-size: 13px; }

@media screen and (min-width: 992px) {
  body header .claim span {
    font-size: 18px; } }
/********************  
    TYPING CARDS 
*********************/
body main .keyvisual {
  text-align: center; }
  body main .keyvisual p, body main .keyvisual strong, body main .keyvisual li {
    font-size: 18px;
    line-height: 22px; }
  body main .keyvisual .card-mid p + div {
    font-size: 17px;
    line-height: 22px;
    font-weight: 300; }

/*******************  
    TYPING FORM 
********************/
body main .masthead .article form > .row.content-wrap .field-error {
  font-size: 11px; }

/****                  ****
***     LINK STYLING    ***
 */
/****                  ****
***        COLORS       ***
 */
.cta-gradient, body main .cta, body main input[type="submit"], body main button[type="submit"] {
  background: -moz-linear-gradient(top, #0582A8 0%, #046785 100%);
  background: -webkit-linear-gradient(top, #0582A8 0%, #046785 100%);
  background: linear-gradient(to bottom, #0582A8 0%, #046785 100%); }

body main {
  /*
      GENERAL
              */
  /*
      BIG CTA
              */
  /*
      RED CTA
              */
  /*
      SMALL CTA
                  */ }
  body main a, body main a:link, body main a:visited, body main a:active, body main a:focus {
    text-decoration: none;
    color: #0582A8; }
  body main a:hover {
    text-decoration: underline; }
  body main .cta-basic, body main .cta, body main input[type="submit"], body main button[type="submit"], body main .cta.red, body main input[type="submit"].red, body main button[type="submit"].red, body main .cta.small {
    display: inline-block;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.524px;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF; }
  body main .cta-basic:hover, body main .cta:hover, body main input[type="submit"]:hover, body main button[type="submit"]:hover {
    opacity: 0.8;
    text-decoration: none;
    cursor: pointer; }
  body main .cta, body main input[type="submit"], body main button[type="submit"] {
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 1rem 4.35rem 1rem 2.35rem;
    background-color: #0582A8; }
  body main .cta:after, body main input[type="submit"]:after, body main button[type="submit"]:after {
    content: " ";
    position: absolute;
    top: 0px;
    right: 26px;
    width: 15px;
    height: 100%;
    background: url(http://media.item24.com/Eloqua/Landingpages/global/elq-template-2/img/white-arrow-big.png) no-repeat center right;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
  body main .cta:hover:after, body main input[type="submit"]:hover:after, body main button[type="submit"]:hover:after {
    right: 22px;
    text-decoration: none; }
  body main .cta.red, body main input[type="submit"].red, body main button[type="submit"].red {
    background: none;
    background-color: #fe0009; }
  body main a.red, body main a:link.red, body main a:visited.red, body main a:hover.red, body main a:active.red, body main a:focus.red {
    color: #fe0009; }
  body main .cta.small {
    padding: 6px 28px 6px 12px;
    font-size: 14px; }
  body main .cta.small:after {
    right: 10px;
    background-size: 8px; }

/********************  
    STYLING JUMBO 
*********************/
body main .red-bg {
  background-color: #fe0009; }
  body main .red-bg .wrap > h1 {
    color: #FFFFFF; }

/********************  
    STYLING CARDS 
*********************/
body main .masthead .article .content-wrap .card.keyvisual {
  background-color: #F7F7F7; }

/***********************  
    STYLING FORM 
************************/
body main .masthead.form .background-wrap {
  background-color: #F7F7F7; }
body main .masthead.form .header .form-intro {
  background-color: #fe0009; }
  body main .masthead.form .header .form-intro > .wrap {
    padding: 5px 15px; }
    body main .masthead.form .header .form-intro > .wrap h3 {
      color: #FFFFFF; }
body main .masthead.form .header .form-arrow .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #fe0009 transparent transparent transparent; }
body main .masthead.form .article form {
  /*INPUTS*/
  /*CHECKBOXES*/
  /*AGB+NEWS AND SUBMIT*/ }
  body main .masthead.form .article form .row.inner a.chosen-single {
    border: 1px solid #cccccc;
    border-radius: 5px; }
    body main .masthead.form .article form .row.inner a.chosen-single:not(.select-valid) > span {
      font-size: 15px;
      color: #606061;
      opacity: 0.65; }
  body main .masthead.form .article form .row.inner input[type="text"], body main .masthead.form .article form .row.inner input[type="email"] {
    border: 1px solid #cccccc;
    border-radius: 5px;
    transition: 1s border-color; }
  body main .masthead.form .article form .row.inner input {
    box-shadow: none; }
  body main .masthead.form .article form .row.inner .form-valid {
    background-color: rgba(0, 255, 0, 0.1); }
  body main .masthead.form .article form .row.inner a.chosen-single.form-error, body main .masthead.form .article form .row.inner input[type="text"].form-error, body main .masthead.form .article form .row.inner input[type="email"].form-error {
    border: 1px solid #fe0009 !important; }
  body main .masthead.form .article form .row.inner .field-error, body main .masthead.form .article form .row.inner .group-error {
    color: #fe0009; }
  body main .masthead.form .article form .row.inner input:focus {
    -webkit-box-shadow: 0px 0px 0px 0px #0582A8;
    box-shadow: 0px 0px 0px 0px #0582A8; }
  body main .masthead.form .article form .row.inner input:-webkit-input-placeholder,
  body main .masthead.form .article form .row.inner input:-moz-placeholder,
  body main .masthead.form .article form .row.inner input:-ms-input-placeholder,
  body main .masthead.form .article form .row.inner input:-moz-placeholder {
    color: #606061; }
  body main .masthead.form .article form label {
    cursor: pointer;
    font-weight: 400; }
    body main .masthead.form .article form label:before {
      background-color: black; }
    body main .masthead.form .article form label.form-error {
      color: #fe0009; }
  body main .masthead.form .article form input[type="checkbox"] {
    visibility: hidden;
    vertical-align: top;
    margin-right: 8px;
    margin-top: -3px;
    z-index: 999; }
  body main .masthead.form .article form .fake-check {
    font-size: 24px;
    cursor: pointer;
    background-image: url("http://media.item24.com/Eloqua/Landingpages/global/elq-template-2/img/stripe_radio_check.png");
    background-size: 70px; }

/*# sourceMappingURL=formatAndStyle.css.map */